/*样式重置*/
html,body,span,p,input,i,img,ul,li,div,a,h1,h2,h3,h4,h6,h5{margin: 0;padding: 0;box-sizing: border-box;}
/*html,body{height: 100%;}*/
a{text-decoration: none;}
li{list-style: none;}
html,body{font-size: 12px;font-family: Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",SimSun,"PingFang SC",STHeiti;color: #666;}
.clearfix:after{display: block;content: '';clear: both;}

.head .head_central .tiaozhuan1{background-color: #fff;}
.head .head_central .tiaozhuan4{background-color: #ff9d00;}


/*搜索部分*/
.search{width: 1000px;margin: 0 auto;}
.h_title{color: #333;font-size: 24px;line-height: 30px;}
.searchInfo{height: 47px;margin: 40px 0 70px 0;position: relative;}
.add-travel{width: 352px;height: 45px;position: relative;float: left;margin-right: 10px;}
.add-travel input{width: 340px;height: 45px;border: 1px solid #999;font-size: 16px;color: #666;border-radius: 4px;padding: 0 0 0 10px;outline: none;}
.start-time,.leave-time{position: relative;float: left;height: 47px;line-height:47px;margin-right: 10px;cursor: pointer;width: 180px;}
.start-time input,.leave-time input{position: absolute;bottom: 0;left: 0;width:100%;height: 45px;border-radius: 4px;border: 1px solid #999;cursor: pointer;}
.input_active{border:1px solid #ffa800;border-radius: 4px;}
.start-time i,.leave-time i{width: 16px;height: 16px;position: absolute;right: 11px;top: 15px;display: block;background: url(/img/header-sprites3.png) 0 -140px no-repeat;cursor: pointer;}
.item-people{height: 47px;position: relative;float: left;margin-right: 10px;}
.item-people .num{font-size: 16px;color: #666;display: block;height: 45px;line-height: 45px;padding: 0 12px;border: 1px solid #999;border-radius: 4px;width: 159px;cursor: pointer;}
.item-people .icon-person{display: inline-block;position: absolute;top: 15px;right: 10px;width: 15px;height: 16px;background: url(/img/hotel-detail-icon7.png) no-repeat;background-position: -70px -140px;vertical-align: middle;}
.item-people .people-info{width: 480px;border-radius: 4px;border: 1px solid #FFA800;box-shadow: 0 0 4px #ffa800;background: #fff;position: absolute;z-index: 999;right: 0;padding: 0 15px;display: none;}
.item-people .people-info .top{padding: 20px 0;border-bottom: 1px solid #c6c6c6;line-height: 28px;}
.item-people .people-info .top .label{float: left;width: 60px;}
.item-people .people-info .top .select{float: left;position: relative;width: 90px;margin-right: 10px;}
.item-people .people-info .top .select .select-triger{padding: 0 8px;border: 1px solid #C6C6C6;border-radius: 4px;cursor: pointer;}
.item-people .people-info .top .select .select-triger .caret{float: right;width: 15px;height: 18px;margin-top: 4px;border-left: 1px solid #C6C6C6;text-align: right;}
.item-people .people-info .top .select .select-triger .caret i{border-top: 4px solid #999;border-left: 4px dashed transparent;border-right: 4px dashed transparent;vertical-align: -7px;overflow: hidden;}
.item-people .people-info .top .select ul{position: absolute;left: 0;right: 0;z-index: 10;margin-top: -1px;border: 1px solid #C6C6C6;border-radius: 4px;box-shadow: 1px 1px 3px rgba(0,0,0,.1);background-color: #fff;display: none;}
.item-people .people-info .top .select ul li{padding: 0 15px;cursor: pointer;}
.item-people .people-info .bottom{padding: 20px 0;line-height: 28px;}
.item-people .people-info .bottom button{float: right;display: inline-block;padding: 2px 22px;background-color: #ffb200;border-radius: 4px;font-size: 14px;line-height: 24px;color: #fff;border: none;}


.btn-search{width: 46px;height: 46px;line-height: 46px;background: #ffa800;float: left;border-radius: 5px;cursor:pointer;text-align: center;}
.btn-search i{display: inline-block;width: 24px;height: 24px;background: url(/img/header-sprites3.png) no-repeat;background-position: 0 -165px;vertical-align: middle;}
.h-notice ul li{float: left;width: 333px;}
.h-notice ul li i{display: block;float: left;margin-right: 13px;background: url(/img/hotel-sprites1.png) no-repeat;}
.h-notice ul li i.notice01{width: 35px;height: 42px;background-position: 0 0;}
.h-notice ul li i.notice02{width: 43px;height: 42px;background-position: -40px 0;margin-left: 40px;}
.h-notice ul li i.notice03{width: 44px;height: 42px;background-position: -85px 0;margin-left: 80px;}
.h-notice ul li  .filt1{float: left;}
.h-notice ul li  h2{font-size: 18px;color: #666;line-height: 18px;font-weight: normal;}

/*主题酒店*/
.hotel_main{width:1000px;margin: 0 auto;}
.h_theme,.h_fav{padding-bottom: 100px;}
.h_title{text-align: center;margin: 20px 0 25px 0;color: #333;font-size: 24px;line-height: 30px;}
.tab_title .active{color: #ff8a00;border-bottom: 3px solid #ff8a00;margin-bottom: -2px;}
.tab_title a{display: block;float: left;width: 16.66%;text-align: center;height: 50px;line-height: 50px;font-size: 18px;cursor: pointer;color: #666;}
.tab_concent ul{width: 1023px;}
.tab_concent ul li{width: 318px;height: 240px;float: left;margin: 20px 23px 0 0;position: relative;}
.tab_concent ul li .pic{width: 318px;height: 240px;overflow: hidden;}
.tab_concent ul li .pic img{width: 100%;height: 100%;}
.h_theme .tab_concent ul li .info{text-align: center;position: absolute;z-index: 3;left: 0;top: 50%;width: 100%;margin-top: -30px;color: #fff;}
.tab_concent ul li .info h2{font-size: 30px;font-weight: normal;}
.tab_concent ul li .info p{font-size: 18px;text-shadow: 2px 2px 2px rgba(0,0,0,0.8);;}
.tab_concent ul li a:after{position: absolute;top:100%;left: 0;z-index: -1;display: block;content: "";width: 100%;height: 22px;background: url(/img/floating-card-shadow.png) no-repeat;background-size: 100%;}


/*特价酒店*/
.fraction{width: 55px;height: 25px;font-size: 18px;color: #fff;background: rgba(0,0,0,0.5);position: absolute;left: 13px;top: 13px;text-align: center;line-height: 25px;border-radius: 4px;z-index: 5;}
.h_fav .tab_concent ul li .info{position: absolute;z-index: 3;left: 13px;bottom: 13px;width: 220px;margin-top: -30px;color: #fff;}
.h_fav .tab_concent ul li .info p{font-size: 14px;}
.h_fav .tab_concent ul li .info p.eng{font-size: 12px;}


/*日历*/
#cal{width: 562px;position: absolute;top:195px;z-index: 999;left: 540px;background: #fff;border: 1px solid #ffa800;display: none;}
.calendar{width: 280px;padding: 20px;float: left;position: relative;border-right: 1px solid #eee;}
.calendar h4 {text-align: center;margin-bottom: 10px;}
.calendar .a1 {position: absolute;top: 20px;left: 20px;}
.calendar .a2 {position: absolute;top: 20px;right: 20px;}
.calendar .week {height: 30px;line-height: 20px;border-bottom: 1px solid #000;margin-bottom: 10px}
.calendar .week li {float: left;width: 30px;height: 30px;text-align: center;}
.calendar .dateList {overflow: hidden;clear: both}
.calendar .dateList li {float: left;width: 30px;height: 30px;text-align: center;line-height: 30px;list-style: none;}
.calendar .dateList .ccc {color: #ccc;}
.calendar .dateList .red {background: #F90;color: #fff;}
.calendar .dateList .sun {color: #f00;}